$(function(){
    $.ajax({
        url: "./api/getCart",
        type: "post",
        headers: {
            token: localStorage.getItem("token")
        },
        data: {
            uid: JSON.parse(localStorage.getItem("user")).uId
        }
    }).then(function (res) {
        console.log(res.data)
        var html = ``;
        res.data.forEach(function(item){
            html+=`<ul class="clearFixed">
            <li><input type="checkbox" class="checkshop"></li>
            <li><img src="${item.gImg}" alt="">
            <p><a href="">${item.gName}</a>
            <span>货号：ED20754937</span></p></li>
            <li>
                <p><b>750ml沐</b>
                <span><i>规格2</i></p><p><a data-info=${item.cId} >-</a><input class="num" type="text" value=${item.gNumber} name="" >
                <a data-info=${item.cId} >+</a></p></span>
            </li>
            <li><p>${item.gPrice}</p><span>原价：Y30.00</span></li>
            <li>${item.gNumber}</li>
            <li>${(item.gNumber*item.gPrice).toFixed(2)}</li>
            <li><a href="#"><img data-info=${item.cId} src="images/images/remove.png" alt=""></a></li>
        </ul>`
        
        
         })
       


        $(".carts").html(html);
 
        function Sum(){
            var a=0
           var b=0
            for(var i=0;i<$(".checkshop:checked").length;i++){
    
                a+=parseInt($(".checkshop:checked").eq(i).parents("ul").children().eq(4).html())
                b+=Number($(".checkshop:checked").eq(i).parents("ul").children().eq(5).html())
            }
            $(".end_right span").html(a)
            $(".end_right b").html("¥"+b.toFixed(2))
        }
                //第一个全选
    $(".list input").on("click",function(){
        $(".shop").find(":checkbox").prop("checked",$(this).prop("checked")) 
        Sum()
    })

//第二个全选
    $(".end_left input").on("click",function(){
        
        $(".shop").find(":checkbox").prop("checked",$(this).prop("checked")) 
        $(".list input").prop("checked",$(this).prop("checked"))
        Sum()
    })
      //输入框输入数字
        $(".num").on("blur",function(){
            var n=$(this).val()
           
            $(this).parents("li").next().next().html(n)
            var price=$(this).parents("li").next().find("p").html()
            $(this).parents("li").next().next().next().html((n*price).toFixed(2))
    
            Sum()
        })
    // 增加
        $(".num").next().on("click",function(){
            var n=$(this).prev().val()
            n++
            $(this).prev().val(n)
            $(this).parents("li").next().next().html(n)
            var price=$(this).parents("li").next().find("p").html()
            $(this).parents("li").next().next().next().html((n*price).toFixed(2))
            var cid = $(this).data("info");
            $.ajax({
                url: "./api/changeCartNuM",
                type: 'post',
                headers: {
                    token: localStorage.getItem("token")
                },
                data: {
                    cid,
                    gnumber: n
                }
            }).then(function (res) {
                // alert(res.msg);
            })
            Sum()
        })
      //减少
        $(".num").prev().on("click",function(){
    
            var n=$(this).next().val()
            n--
            if(n<1){
                alert("输入有误")
                n=1
            }
            $(this).next().val(n)
            $(this).parents("li").next().next().html(n)
            var price=$(this).parents("li").next().find("p").html()
            $(this).parents("li").next().next().next().html((n*price).toFixed(2))
            var cid = $(this).data("info");
            $.ajax({
                url: "./api/changeCartNuM",
                type: 'post',
                headers: {
                    token: localStorage.getItem("token")
                },
                data: {
                    cid,
                    gnumber: n
                }
            }).then(function (res) {
                // alert(res.msg);
            })
            Sum()
    
        })
      // 单个商品勾选
        $(".checkshop").on("click",function(){
               Sum()
        })
    
      // 商品删除    
        $(".shop ul li a img").on("click",function(){
            var cid = $(this).data("info");
            var _this=this
            $.ajax({
                url: "./api/delete",
                type: "post",
                headers: {
                    token: localStorage.getItem("token")
                },
                data: {
                    cid
                }
            }).then(function (res) {
                alert(res.msg);
                //数据库里 数据真删除后, 删除页面效果
                $(_this).parents("ul").remove()
                
            })
            
             Sum()
        })

    })
//  //第一个全选
//     $(".list input").on("click",function(){
//         $(".shop").find(":checkbox").prop("checked",$(this).prop("checked")) 
//         Sum()
//     })

// //第二个全选
//     $(".end_left input").on("click",function(){
        
//         $(".shop").find(":checkbox").prop("checked",$(this).prop("checked")) 
//         $(".list input").prop("checked",$(this).prop("checked"))
//         Sum()
//     })
  // 总结算
//     function Sum(){
//         var a=0
//        var b=0
//         for(var i=0;i<$(".checkshop:checked").length;i++){

//             a+=parseInt($(".checkshop:checked").eq(i).parents("ul").children().eq(4).html())
//             b+=Number($(".checkshop:checked").eq(i).parents("ul").children().eq(5).html())
//         }
//         $(".end_right span").html(a)
//         $(".end_right b").html("¥"+b)
//     }
//   //输入框输入数字
//     $(".num").on("blur",function(){
//         var n=$(this).val()
       
//         $(this).parents("li").next().next().html(n)
//         var price=$(this).parents("li").next().find("p").html()
//         $(this).parents("li").next().next().next().html(n*price)

//         Sum()
//     })
// // 增加
//     $(".num").next().on("click",function(){
//         var n=$(this).prev().val()
//         n++
//         $(this).prev().val(n)
//         $(this).parents("li").next().next().html(n)
//         var price=$(this).parents("li").next().find("p").html()
//         $(this).parents("li").next().next().next().html(n*price)

//         Sum()
//     })
//   //减少
//     $(".num").prev().on("click",function(){

//         var n=$(this).next().val()
//         n--
//         if(n<1){
//             alert("输入有误")
//             n=1
//         }
//         $(this).next().val(n)
//         $(this).parents("li").next().next().html(n)
//         var price=$(this).parents("li").next().find("p").html()
//         $(this).parents("li").next().next().next().html(n*price)

//         Sum()

//     })
//   // 单个商品勾选
//     $(".checkshop").on("click",function(){
//            Sum()
//     })

//   // 商品删除    
//     $(".shop ul li a img").on("click",function(){
//          $(this).parents("ul").remove()
//          Sum()
//     })

    


})